body{
    width:1410px;
    margin: 0 auto;
}



.left{
    display:inline-block;
    width:300px;
    height:900px;
    background-color: #3A5FCD;
    color:white;
}
.pic-left{
    width:25px;
    height:25px;
    margin-right: 10px;
    vertical-align: middle;
  text-align: center;
}
.pic2{
   
    margin-left:100px; 
    width:25px;
    height:25px;
    
}
.user{
    padding-top:30px;
    padding-left:20px;
    vertical-align: middle;
      text-align: center;
}
 .inventory{
     width:255px;
     height:30px;
     background-color: #104E8B;
         margin-top:20px;
    padding-left:45px;
    vertical-align: middle;
   
     
 }
.done{
        padding-bottom: 10px;
         padding-top:10px;
    padding-left:45px;
    vertical-align: middle;
}
.overdue{
    padding-bottom: 10px;
         padding-top:10px;
    padding-left:45px;
    vertical-align: middle;
}
.unfinished{
         padding-bottom: 10px;
         padding-top:10px;
    padding-left:45px;
    vertical-align: middle;
}

a{
    float:right;
    margin-right: 33px;
    color: #C7C7C7;

}
.right{
    float:right;
    width:1110px;
    height:900px;
    
}
.right-top{
    display:inline-block;
    width:1108px;
   height: 60px;
    border-bottom: 1px solid #C7C7C7;
   
}
.data{
    display: inline-block;
    float:left;
    margin-left: 30px;
    display:inline-block;
    width:150px;
    color:#ADADAD;
   vertical-align: middle;
   margin-top: 15px;
}
.sild-point{
   vertical-align: middle;
}
.time{
    border: 1px solid gray;
    float: left;
    width:70px;
    height: 30px;
    text-align: center;
    color:white;
    margin-top: 10px;
    background-color: #1C86EE;
}
.right-body1{
    float:left;
    display:inline-block;
    width:550px;
    height:410px;
    border-right: 1px solid #ADADAD;
    border-bottom: 1px solid #ADADAD;
}
.body1-head{
    display:inline-block;
    width:453px;
    height:40px;
    background-color: #FFDAB9;
    margin-top: 30px;
     margin-left: 45px;
    
  
}
.body1-content{
    display: inline-block;
    color:	#FF7F24;
    margin-top: 10px;
    margin-left: 10px;
    width:200px;
}
.add-pic{
    float:right;
    margin-top:10px;
    margin-right: 30px;
      
}
.body1-contents{
    
    display:inline-block;
    width:450px;
    height:60px;
    border-bottom: 1px dashed #ADADAD;
    margin-top: 30px;
     margin-left: 45px;
     border:2px solid #D1D1D1;
     border-bottom: 2px dashed #D1D1D1;

  
}
.choice-it{
    vertical-align: middle;
    margin-right: 10px;
  
}
.remind{
    color:#D1D1D1;
      display:inline-block;
    width:450px;
    height:40px;

    padding-top: 10px;
   margin-left: 45px;
    border:2px solid #D1D1D1;
    border-top: 0px dashed #D1D1D1;
}
.delete{
    vertical-align: middle;
    float:right;
    margin-right: 20px;
    
}
.incontents{
    display: inline-block;
    width:320px;
    color:#ADADAD;
    margin-top:20px;
    font-size: 24px;

}
.times{
    
     color:#ADADAD;
    display:inline-block;
    width:120px;
}
.right-body2{
   
    display:inline-block;
    width:550px;
    height:410px;
    border-right: 1px solid #ADADAD;
    border-bottom: 1px solid #ADADAD;
}
.body2-head{
    display:inline-block;
    width:450px;
    height:40px;
    background-color: #FFE4B5;
    margin-top: 30px;
     margin-left: 45px;
    
  
}
.body2-content{
    display: inline-block;
    color:	#FFB90F;
    margin-top: 10px;
    margin-left: 10px;
    width:200px;
}
.body2-contents{
    
    display:inline-block;
    width:450px;
    height:60px;
    border-bottom: 1px dashed #ADADAD;
    margin-top: 30px;
     margin-left: 45px;

  
}

.right-body3{
    float:left;
    display:inline-block;
    width:550px;
    height:420px;
    border-right: 1px solid #ADADAD;
    border-bottom: 1px solid #ADADAD;
}
.body3-head{
    display:inline-block;
    width:450px;
    height:40px;
    background-color: 	#BFEFFF;
    margin-top: 30px;
     margin-left: 45px;
    
  
}
.body3-content{
    display: inline-block;
    color:#8DB6CD;
    margin-top: 10px;
    margin-left: 10px;
    width:200px;
}

.body3-contents{
    
    display:inline-block;
    width:450px;
    height:60px;
    border-bottom: 1px dashed #ADADAD;
    margin-top: 30px;
     margin-left: 45px;

  
}

.right-body4{
    float:left;
    display:inline-block;
    width:550px;
    height:420px;
    border-right: 1px solid #ADADAD;
    border-bottom: 1px solid #ADADAD;
}
.body4-head{
    display:inline-block;
    width:450px;
    height:40px;
    background-color: #B4EEB4;
    margin-top:30px;
     margin-left: 45px;
    
  
}
.body4-content{
    display: inline-block;
    color:	#9ACD32;
    margin-top: 10px;
    margin-left: 10px;
    width:200px;
}

.body4-contents{
    
    display:inline-block;
    width:450px;
    height:60px;
    border-bottom: 1px dashed #ADADAD;
    margin-top: 30px;
     margin-left: 45px;

  
}
